<template>
	<view >
		<hx-navbar  :border="false" :fixed="true" transparent="hidden"
			  height="140rpx">
			<view style="text-align: left;width: 100%;font-weight: 700;"><text>关于我们</text></view>
			
		</hx-navbar>
		<view style="background: linear-gradient(183.08deg, #DBF9F1 0%, rgba(219, 249, 241, 0) 46.82%), #FFFFFF;;height:140rpx;width: 100%;position: fixed;top: 0;"></view>
		
		<view  class="bg">
			<view class="common" v-for="(item,i) in data1" :key="item.i"><text>{{item.val}}</text><u-icon name="arrow-right" color="
#B2B0B0" size="20"></u-icon></view>			
		</view>
		
		<view  class="bg">
					<view class="common" v-for="(item,i) in data2" :key="item.i"><text>{{item.val}}</text><u-icon name="arrow-right" color="
		#B2B0B0" size="20"></u-icon></view>	
		</view>
		
		<view  class="bg">
					<view class="common" v-for="(item,i) in data3" :key="item.i"><text>{{item.val}}</text><u-icon name="arrow-right" color="
		#B2B0B0" size="20"></u-icon></view>	
		</view>
		
		<view class="bg"><view class="common" ><text>当前版本</text><text style="color: #B2B0B0;">v4.1.1</text></view></view>
		
	</view>
</template>

<script>
	export default{
		data(){
			return{
				data1:[{val:'用户服务协议'},{val:'个人信息保护政策'},{val:'个人信息保护政策概要'}],
				data2:[{val:'平台规则'},{val:'平台资质'}],
				data3:[{val:'个人信息收集清单'},{val:'第三方信息共享清单'}]
				
			}
		}
	}
</script>

<style lang="scss">
	page{
		background-color: rgba(243, 244, 246, 1);
	}
	.bg{
		margin-top: 20rpx;
		background-color: #fff;
	}
	.common{
		display: flex;
		justify-content: space-between;
		align-items: center;
		// width: 100%;
		height: 86rpx;
		color: #000;
		font-size: 28rpx;
		margin: 0 48rpx;
		border-bottom: 0.8rpx solid #D9D9D9;
		background-color: #fff;
		box-sizing: border-box;
		// font-weight: 700;
	}
	.common:last-of-type{
		border: 0;
	}
</style>